
<div class="easyui-layout" data-options="fit:true"  style="margin:5px">
    <!-- Begin of toolbar -->
    <div data-options="region:'center',border:false">
    <!-- Begin of 工具条 -->
    <div id="dept-toolbar" style="margin:5px">
        <div>
        <@shiro.hasPermission name="Dept:create"> 
        	<a href="javascript:;" class="easyui-linkbutton" iconCls="icon-add" onclick="openAddDept()" plain="false">添加</a>
        </@shiro.hasPermission>   
        <@shiro.hasPermission name="Dept:update">   
            <a href="javascript:;" class="easyui-linkbutton" iconCls="icon-edit" onclick="openEditDept()" plain="false">修改</a>
		</@shiro.hasPermission>  	
<!--             <a href="javascript:;" class="easyui-linkbutton" iconCls="icon-remove" onclick="removeDept()" plain="false">删除</a> -->
            &nbsp;<label>部门名称：</label><input  class="easyui-textbox" id="deptname"  style="width:100px">
            
            <a href="javascript:;" id ="dept-search" class="easyui-linkbutton" iconCls="icon-search">搜索</a>
        </div>
    </div>
    <!-- end of 工具条-->
	<table id="dept-datagrid"  ></table>
    </div>
</div>
<!-- Begin of 新增、编辑 -->
<div id="dept-dialog" class="easyui-dialog" data-options="closed:true,iconCls:'icon-save'" style="width:400px; padding:10px;">
	<form id="dept-form" method="post">
        <table>
            <tr>
                <td width="100" align="right">部门名称:</td>
                <td><input data-options="required:true" type="text" name="deptName" class="easyui-textbox" /></td>
            </tr>
            <tr>
                <td align="right">部门编号:</td>
                <td><input data-options="required:true" type="text" name="deptNum" class="easyui-textbox" /></td>
            </tr>
        </table>
        <input type="hidden" name="deptId"/>
        <input type="hidden" id="pid" name="deptPid"/>
    </form>
</div>
<!-- End of 新增、编辑 -->
<script type="text/javascript">

	$(function(){
		//搜索
		$("#dept-search").click(function(){
			$("#dept-datagrid").treegrid('load', {
				deptName: $('#deptname').val()
			});
		});
	})
	/**
	*  删除记录
	*/
// 		function removeDept(){
// 		var items = $('#dept-datagrid').datagrid('getSelections');
// 		if(items.length >0){
// 			$.messager.confirm('信息提示','确定要删除该菜单？', function(result){
// 				if(result){
// 					var ids = "";
// 					$(items).each(function(){
// 						ids += this.id;
// 					});
// 					$.ajax({
// 						url:'menu/delMenu',
// 						data:{"menu_id":ids,"available":"1"},
// 						success:function(data){
// 							if(data){
// 								$('#dept-datagrid').treegrid('reload'); 	
// 							}
// 							else
// 							{
// 								$.messager.alert('信息提示','删除失败！','info');		
// 							}
// 						}	
// 					});
// 				}	
// 			});
// 		}else{
// 			$.messager.alert('信息提示','请至少选择一条记录！','info');		
// 		}
// 	}
	
	/**
	*  打开添加窗口
	*/
	function openAddDept(){
		$('#dept-form').form('clear');
		var node = $('#dept-datagrid').treegrid('getSelected');
		if(node){
			$("#pid").val(node.id);
		}else{
			//不选中默认添加根节点
			$("#pid").val(0);
		}
			
			$('#dept-dialog').dialog({
				closed: false,
				modal:true,
	            title: "部门新增",
	            buttons: [{
	                text: '确定',
	                iconCls: 'icon-ok',
	                handler:addDept
	            }, {
	                text: '取消',
	                iconCls: 'icon-cancel',
	                handler: function () {
	                    $('#dept-dialog').dialog('close');                    
	                }
	            }]
	        });
// 		}else{
// 			$.messager.alert('信息提示','请选择一个父节点！','info');
// 		}
	}
	
	/**
	* 用户 打开修改窗口
	*/
	function openEditDept(){
		$('#dept-form').form('clear');
		var item = $('#dept-datagrid').treegrid('getSelected');
		if(item){
			//加载表单数据
			$('#dept-form').form('load', "dept/getDeptById?uid="+item.id);
			$('#dept-dialog').dialog({
				closed: false,
				modal:true,
	            title: "用户修改",
	            buttons: [{
	                text: '确定',
	                iconCls: 'icon-ok',
	                handler: editDept
	            }, {
	                text: '取消',
	                iconCls: 'icon-cancel',
	                handler: function () {
	                    $('#dept-dialog').dialog('close');                    
	                }
	            }]
	        });
		}else{
			$.messager.alert('信息提示','请选中一条记录进行修改！','info');	
		}
		
	}	
	
	
	/**
	*  添加记录
	*curId 当前选中节点id
	*/
	function addDept(){
		$('#dept-form').form('submit', {
			url:'dept/addDept',
			success:function(data){
				if(data){
					$.messager.alert('信息提示','提交成功！','info');
					$('#dept-dialog').dialog('close');
					$('#dept-datagrid').treegrid('reload');  
				}
				else
				{
					$.messager.alert('信息提示','提交失败！','info');
				}
			}
		});
	}
	
	/**
	*  修改记录
	*/
	function editDept(){
		$('#dept-form').form('submit', {
			url:'dept/editDept',
			success:function(data){
				if(data){
					$.messager.alert('信息提示','提交成功！','info');
					$('#dept-dialog').dialog('close');
					$('#dept-datagrid').treegrid('reload');  
				}
				else
				{
					$.messager.alert('信息提示','提交失败！','info');
				}
			}
		});
	}
	
	
	/**
	* 载入数据
	*/
	$("#dept-datagrid").treegrid({
		url:'dept/deptGrid',
	    idField:'id',
	    treeField:'title',
		toolbar: "#dept-toolbar",
		rownumbers: true,
		singleSelect:true,
		fit:true,
		columns:[[
			{ field:'title',title:'名称',width:300},
			{ field:'num',title:'编号',width:200}
		]]
	});
	
</script>
